<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>createDocumentFragment</title>
</head>
<body>
<ul><li>Coffee</li><li>Tea</li></ul>
<p id="demo">单击按钮更改列表项,使用createDocumentFragment方法,然后在列表的最后一个孩子添加列表项。</p>
<button onclick="myFunction()">点我</button>
<script type="text/javascript">
    console.log(document.getElementsByTagName("LI")[0])
    function myFunction(){

        var d=document.createDocumentFragment();
        console.log(d)
        console.log(document.getElementsByTagName("LI")[0])
        d.appendChild(document.getElementsByTagName("LI")[0]);
        d.childNodes[0].childNodes[0].nodeValue="Milk";
        document.getElementsByTagName("UL")[0].appendChild(d);
    };
</script>
</body>
</html>